<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人中心</title>
    <link rel="stylesheet" href="../css/gerenzhongxin.css">
</head>

<body>
    <div class="box">
        <div class="toubu">
            <div class="toubu-zuo">
                <a href="">
                    <img src="../img/haier2019_logo.webp" alt="">
                </a>
            </div>
            <div class="toubu-zhong">
                <ul>
                    <li>智慧家庭</li>
                    <li>个人与家用产品</li>
                    <li>商业解决方案</li>
                    <li>购买与服务</li>
                    <li>关于海尔</li>
                </ul>
            </div>
            <div class="toubu-you">
                <input type="text" placeholder="大容量洗衣机">
                <img src="" alt="">
                <img class="img" src="../img/ui_po05.webp" alt="">
            </div>
        </div>
        <div class="box-home">
            <div class="box-kuang">
                <div class="kuang-zuo">
                    <div class="geren">
                        <div class="geren-tu">
                            <span>个人</span>
                        </div>
                        <div class="geren-wenzi">
                            <ul>
                                <li class="li">
                                    <div>个人中心</div>
                                </li>
                                <li class="li1">我的海贝</li>
                                <li class="li1">我的会员特权</li>
                                <li class="li1">我的优惠券</li>
                                <li class="li1">我的消息</li>
                                <li class="li1">我的财富</li>
                            </ul>
                        </div>
                        <div class="chanpin-tu">
                            <span>产品</span>
                        </div>
                        <div class="chanpin-wenzi">
                            <ul>
                                <li class="li1">收藏与订阅</li>
                                <li class="li1">售后服务</li>
                            </ul>
                        </div>
                        <div class="dingdan-tu">
                            <span>订单</span>
                        </div>
                        <div class="dingdan-wenzi">
                            <ul>
                                <li class="li1">生态商城订单</li>
                                <li class="li1">净水商城订单</li>
                                <li class="li1">海贝商城订单</li>
                                <li class="li1">社区试用订单</li>
                            </ul>
                        </div>
                        <div class="dingdan-tu">
                            <span>账号</span>
                        </div>
                        <div class="dingdan-wenzi">
                            <ul>
                                <li class="li1">账号管理</li>
                                <li class="li1">地址管理</li>
                            </ul>
                        </div>
                        <div class="dingdan-tu">
                            <span>我的推广</span>
                        </div>
                        <div class="dingdan-wenzi">
                            <ul>
                                <li class="li1">邀请好友</li>
                                <li class="li1">推广成果</li>
                            </ul>
                        </div>
                        <div class="dingdan-tu">
                            <span>相关</span>
                        </div>
                        <div class="dingdan-wenzi">
                            <ul>
                                <li class="li1">社区个人中心</li>
                                <li class="li1">会员梦想+</li>
                                <li class="li1">帮助中心</li>
                                <li class="li1">隐私政策</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="kuang-you">
                    <div class="touxiang">
                        <div class="tou-zuo">
                            <div class="touz">
                                <img src="./img/ui_po09_big.webp" class="user-avatar" alt="">
                            </div>
                            <div class="touy">
                                <div class="tous">
                                    <div>
                                        <b>H160R1598923095871 </b>
                                        <span>粉丝</span>
                                    </div>
                                </div>
                                <div class="toux">
                                    <div class="toux-zuo">
                                        <div class="txs">1</div>
                                        <div class="tsx1">社区等级</div>
                                    </div>
                                    <div class="toux-zhong">
                                        <div class="txs1">0</div>
                                        <div class="tsx1">海贝数量</div>
                                    </div>
                                    <div class="toux-you">
                                        <div class="txs1">0</div>
                                        <div class="tsx1">已领优惠卷</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="tou-you">
                            <div class="you">
                                <img src="../img/normal_icon.webp" alt="">
                                <span class="span">
                                    <div class="div">账号安全等级：</div>
                                    <div class="div1"></div>
                                    <div class="div2">
                                        <span class="span1">高级</span>
                                        <span class="span2">立即提升></span>
                                    </div>
                                </span>
                            </div>
                            <!-- <div class="tou-xia">
                               <img src="./img/uc_icon.webp" alt="">
                               <span>绑定手机</span>
                            </div> -->
                        </div>
                    </div>
                    <div class="tequan">
                        <div class="tequans">
                            <div class="tequan1">
                                <div>海尔会员特权</div>
                                <a href="">查看全部</a>
                            </div>
                            <div class="tequan2">
                                <span class="span"></span>
                                <span class="span1">
                                    <span>商城代金券</span>
                                    <div class="div">海尔商城代金券积分</div>
                                    <div>兑，买家电抵现金</div>
                                </span>
                            </div>
                            <div class="tequan3">
                                <span class="span"></span>
                                <span class="span1">
                                    <span>互动礼品</span>
                                    <div class="div">获新品试用，得专享礼</div>
                                    <div>品，机会不可多得</div>
                                </span>
                            </div>
                            <div class="tequan4">
                                <span class="span"></span>
                                <span class="span1">
                                    <span>会员特价</span>
                                    <div class="div">每日有惊喜，限时特价</div>
                                    <div>兑换数码产品</div>
                                </span>
                            </div>
                        </div>
                    </div>
                    <div class="lingle">
                        <div class="lingle1">
                            <div class="lingle4">
                                <div class="lingle5">猜你喜欢</div>
                                <div class="lingle6">
                                    <div class="div">换一换</div>
                                </div>
                            </div>
                            <div class="lingle7">
                                <img src="../img/756fc019-08bc-4d72-bc70-8cf60113c43d.webp" alt="">
                            </div>
                            <div class="aaa">920“宠粉节”专场No.4 ...</div>
                            <div class="b">
                                <span>0</span>
                                <i>已参与</i>
                            </div>
                        </div>
                        <div class="lingle2">
                            <div class="lingle4">
                                <div class="lingle5">家电保养知识</div>
                                <div class="lingle6-ziti">
                                    全部 >
                                </div>
                            </div>
                            <div class="div1">家电保养服务</div>
                            <div class="div2">专业的家电保养不仅能够延长家电的使用</div>
                            <div class="div3">寿命，而且还能让家人更加健康的使用产</div>
                            <div class="div4">品。</div>
                            <div class="div5">了解家电保养服务></div>
                        </div>
                        <div class="lingle3">
                            <div class="lingle4">
                                <div class="lingle5">家电保养知识</div>
                                <div class="lingle6-ziti">
                                    全部 >
                                    <!-- <div class="div">换一换</div> -->
                                </div>
                            </div>
                            <div class="div1">暂无数据</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="jieshao">
                <div class="jieshao1">
                    <div>智慧家庭</div>
                    <ul>
                        <li><a href="">智慧首页</a></li>
                        <li><a href="">智家方案</a></li>
                        <li><a href="">智慧家电</a></li>
                        <li><a href="">生活资讯</a></li>
                        <li><a href="">智慧体验店</a></li>
                    </ul>
                </div>
                <div class="jieshao1">
                    <div>个人与家用产品</div>
                    <ul>
                        <li><a href="">冰箱</a></li>
                        <li><a href="">冷柜</a></li>
                        <li><a href="">冰吧</a></li>
                        <li><a href="">酒柜</a></li>
                        <li><a href="">洗衣机</a></li>
                        <li><a href="">空调</a></li>
                        <li><a href="">电视</a></li>
                        <li><a href="">热水器</a></li>
                        <li><a href="">厨房电器</a></li>
                        <li><a href="">电脑及外设</a></li>
                        <li><a href="">小家电</a></li>
                    </ul>
                </div>
                <div class="jieshao1">
                    <div>商业解决方案</div>
                    <ul>
                        <li><a href="">中央空调</a></li>
                        <li><a href="">商用冷柜</a></li>
                        <li><a href="">商用洗涤</a></li>
                        <li><a href="">商用电视</a></li>
                        <li><a href="">商用电脑</a></li>
                        <li><a href="">U-home</a></li>
                        <li><a href="">商用净水设备</a></li>
                        <li><a href="">商用热泵</a></li>
                    </ul>
                </div>
                <div class="jieshao1">
                    <div>购买与服务</div>
                    <ul>
                        <li><a href="">产品导购</a></li>
                        <li><a href="">产品购买</a></li>
                        <li><a href="">服务与支持</a></li>
                        <li><a href="">会员尊享</a></li>
                    </ul>
                </div>
                <div class="jieshao1">
                    <div>关于海尔</div>
                    <ul>
                        <li><a href="">海尔品牌</a></li>
                        <li><a href="">投资者关系</a></li>
                        <li><a href="">品牌资讯</a></li>
                    </ul>
                </div>
                <div class="jieshao1">
                    <div>友情链接</div>
                    <ul>
                        <li><a href="">智慧生活体验馆</a></li>
                        <li><a href="">创客实验室</a></li>
                        <li><a href="">COSMOPlat平台</a></li>
                        <li><a href="">海尔创意平台</a></li>
                    </ul>
                </div>
            </div>
            <div class="dibu">
                <div class="dibu-zuo">
                    <a href="">关于海尔</a>
                    <i>|</i>
                    <a href="">法律声明</a>
                    <i>|</i>
                    <a href="">联系我们</a>
                    <i>|</i>
                    <a href="">帮助中心</a>
                    <i>|</i>
                    <a href="">海尔门店</a>
                    <i>|</i>
                </div>
                <div class="dibu-zhong">
                    <a href="">鲁ICP备09096283 </a>
                    <i>|</i>
                    <span>Copyright ©2000-2020 haier.com ALL Rights Reserved</span>
                </div>
                <div class="dibu-you">
                    <span class="span">Haier 全球网站群 ·</span>
                    <a href="">中国</a>
                    <span>关注海尔</span>
                </div>
            </div>
        </div>
    </div>
</body>

<script src="../node_modules/jquery/dist/jquery.min.js"></script>
<script src="../node_modules/jquery.cookie/jquery.cookie.js"></script>
<script>
    ;(function(){
        
        let userInfo = JSON.parse($.cookie('user-info') || '{}')
        if(userInfo.id){
            $('.user-avatar').attr('src','http://localhost:2468/uploads/'+ userInfo.avatar)
            $('.tous div b').html(userInfo.phoneNum)
        }else {
            location.href = "../view/denglu.html"
        }
    }())


</script>

</html>